@extends('hrs.layouts.app')  
@section('css')
     
  
@endsection         
@section('content')            <div class="container">

            

                    <div class="row">
                        <div class="col-md-4 col-lg-3">
                            <div class="profile-detail card-box">
                                <div>
                                    <img src="{{asset('hrs/images/users/avatar-2.jpg')}}" class="img-circle" alt="profile-image">

                                    

                                   
                                    <hr>
                                    <h4 class="text-uppercase font-600">员工信息</h4>
                                    

                                    <div class="text-left">
                                        <p class="text-muted font-13"><strong>姓名 :</strong> <span class="m-l-15">{{$data->name}}</span></p>
                                        <p class="text-muted font-13"><strong>部门 :</strong> <span class="m-l-15">{{$data->department->name}}</span></p>
                                        <p class="text-muted font-13"><strong>岗位 :</strong> <span class="m-l-15">{{$data->position->name}}</span></p>

                                        <p class="text-muted font-13"><strong>手机 :</strong><span class="m-l-15">{{$data->mobile}}</span></p>
                                        <p class="text-muted font-13"><strong>年龄 :</strong><span class="m-l-15">{{$data->age}}</span></p>
                                        <p class="text-muted font-13"><strong>籍贯 :</strong><span class="m-l-15">{{$data->jiguan}}</span></p>
                                        <p class="text-muted font-13"><strong>家庭住址 :</strong><span class="m-l-15">{{$data->address}}</span></p>

                                       
                                        

                                    </div>


                                </div>

                            </div>

                           
                        </div>


                        <div class="col-lg-6 col-md-6">

                          <div class="row" >
                            <div class="btn-group m-b-20">
                                <button type="button" class="btn btn-white waves-effect btn-info">薪资变动</button>
                                <button type="button" class="btn btn-white waves-effect">部门变动</button>
                                <button type="button" class="btn btn-white waves-effect ">职位变动</button>
                                <a href="#jiangcheng" class="btn btn-white waves-effect ">奖惩情况</a>
                                <a href="#hetong" class="btn btn-white waves-effect ">合同记录</a>
                                 <a href="#shebao" class="btn btn-white waves-effect ">社保记录</a>
                            </div>
                          </div>
                            <div class="card-box">
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="m-t-0 header-title">
                                      <b>薪资变动</b>
                                    </h4>
                                   
                                    <div class="p-10">
                                        <div class="table-responsive">
                                            <table class="table m-0">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                       
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1</th>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                       
                                                    </tr>
                                                   
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>

                        <div class="card-box">
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="m-t-0 header-title">
                                      <b>部门变动</b>
                                    </h4>
                                   
                                    <div class="p-10">
                                        <div class="table-responsive">
                                            <table class="table m-0">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                       
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1</th>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                       
                                                    </tr>
                                                   
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>

                        <div class="card-box">
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="m-t-0 header-title">
                                      <b>职位变动</b>
                                    </h4>
                                   
                                    <div class="p-10">
                                        <div class="table-responsive">
                                            <table class="table m-0">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                       
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1</th>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                       
                                                    </tr>
                                                   
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>

                        <div class="card-box">
                          <a name="jiangcheng"></a>
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="m-t-0 header-title">
                                      <b>奖惩情况</b>
                                    </h4>
                                   
                                    <div class="p-10">
                                        <div class="table-responsive">
                                            <table class="table m-0">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                       
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1</th>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                       
                                                    </tr>
                                                   
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                        

                        <div class="card-box">
                           <a name="hetong"></a>
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="m-t-0 header-title">
                                      <b>合同记录</b>
                                    </h4>
                                   
                                    <div class="p-10">
                                        <div class="table-responsive">
                                            <table class="table m-0">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                       
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1</th>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                       
                                                    </tr>
                                                   
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                       

                        <div class="card-box" >
                          <a name="shebao"></a>
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="m-t-0 header-title">
                                      <b>社保记录</b>
                                    </h4>
                                   
                                    <div class="p-10">
                                        <div class="table-responsive">
                                            <table class="table m-0">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                        <th>Table heading</th>
                                                       
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th scope="row">1</th>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                        <td>Table cell</td>
                                                       
                                                    </tr>
                                                   
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                        

                            
                        </div>

                        <div class="col-lg-3 col-md-3">
                          <div class="card-box">
                            <div class="p-10">
                                    <h4 class="m-b-20 header-title"><b>最近动态</b></h4>
                                    <div class="nicescroll p-l-r-10"  >
                                    <div class="timeline-2" >
                                        <div class="time-item">
                                            <div class="item-info">
                                                <div class="text-muted"><small>5天前</small></div>
                                                <p><strong><a href="#" class="text-primary">年终奖</a></strong> <strong>奖励年终奖 15000.00元</strong></p>
                                            </div>
                                        </div>

                                        <div class="time-item">
                                            <div class="item-info">
                                                <div class="text-muted"><small>2019-01-03</small></div>
                                                <p>
                                                  <strong><a href="" class="text-info">部门变动</a> 
                                                  </strong>
                                                  从“研发部”变动到“人事部”</p>
                                               
                                            </div>
                                        </div>

                                        <div class="time-item">
                                            <div class="item-info">
                                                <div class="text-muted"><small>2018-09-03</small></div>
                                                <p>

                                                  <a href="" class="text-info">
                                                    <strong>续签合同</strong>
                                                  </a> 合同日期至 2019年9月2日</p>
                                                
                                            </div>
                                        </div>

                                        <div class="time-item">
                                            <div class="item-info">
                                                <div class="text-muted"><small>2017-12-04</small></div>
                                                <p><a href="" class="text-primary"><strong>公积金</strong>
                                                  </a>入职满三个月投公积金</p>
                                            </div>
                                        </div>

                                        <div class="time-item">
                                            <div class="item-info">
                                                <div class="text-muted"><small>2017-09-04</small></div>
                                                <p>
                                                  <a href="" class="text-primary"><strong>入职</strong>
                                                  </a>社招</p>
                                                <p>入职当月起投社保</p>
                                            </div>
                                        </div>

                                        
                                       

                                    </div>
                                </div>
                                </div>
                          </div>
                        </div>

                    </div>

                <!-- Footer -->
                <footer class="footer text-right">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-6">
                                © 2016. All rights reserved.
                            </div>
                            <div class="col-xs-6">
                                <ul class="pull-right list-inline m-b-0">
                                    <li>
                                        <a href="#">About</a>
                                    </li>
                                    <li>
                                        <a href="#">Help</a>
                                    </li>
                                    <li>
                                        <a href="#">Contact</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </footer>
                <!-- End Footer -->

            </div> <!-- end container -->
       @endsection        

        
@section('js')
 
@endsection